{% extends "base.html" %}

{% block announce %}
  <!-- Add scripts that need to run before here -->
  <div style="color: #b8bec4">
      <a href="https://beta.utilmeta.com" target="_blank">
        <div style="background: #5CBBF6;display: inline-block;border-radius: 6px;color: black;margin-left: 12px;margin-right: 12px;padding: 6px 12px;">
            Experience UtilMeta Platform Beta
        </div>
      </a>
      or join
      <a href="https://discord.gg/JdmEkFS6dS" target="_blank" style="margin-left: 12px;opacity: 0.87">
        <img src="https://utilmeta.com/img/vendors/discord.svg" draggable="false" width="20" alt="Discord" style="margin-bottom: -4px"/>
      </a>
      <a href="https://twitter.com/utilmeta" target="_blank" style="margin-left: 12px;margin-right: 12px">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" color="#E5E9EE"
             style="margin-bottom: -4px" width="20" height="20" astro-icon="social/twitter"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg>
      </a>
      for the latest updates of UtilMeta
  </div>
  {{ super() }}
{% endblock %}